* {
    background-color: #1e1e2e;
    font-family: Arial, Helvetica, sans-serif;
    color: #cdd6f4;
}

a {
    font-size: 15px;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    background-color: #a069e1;
    border: none;
    border-radius: 6px;
    padding: 10px 24px;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
}

a:visited {
    color: #ffffff;
}

a:hover, a:focus {
    background-color: #a408d5;
}

button {
    font-size: 15px;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    width: 100px;
    height: 40px;
    font-weight: 500;
    cursor: pointer;
}

.primary-button {
    background-color: #a069e1;
}

.primary-button:hover, .primary-button:focus {
    background-color: #a408d5;
}

.secondary-button {
    background-color: #708090;
}

.secondary-button:hover, .secondary-button:focus {
    background-color: #596673;
}

input {
    border: 1px solid #a069e1;
    border-radius: 6px;
    background-color: #708090;
}

input[type=text] {
    width: 90%;
}

#questionPartOneArea, #questionPartTwoArea {
    background-color: transparent;
}

li {
    list-style-type: none;
}

span {
    color: orange;
    background-color: transparent;
}